<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>

        <!-- start: Meta -->
        <meta charset="utf-8">
        <title>SimpliQ - Flat & Responsive Bootstrap Admin Template</title>
        <meta name="description" content="SimpliQ - Flat & Responsive Bootstrap Admin Template.">
        <meta name="author" content="Łukasz Holeczek">
        <meta name="keyword" content="SimpliQ, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
        <!-- end: Meta -->

        <!-- start: Mobile Specific -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- end: Mobile Specific -->

        <!-- start: CSS -->
        <link href="../css/bootstrap.min.css" rel="stylesheet">
        <link href="../css/bootstrap-responsive.min.css" rel="stylesheet">
        <link href="../css/style.min.css" rel="stylesheet">
        <link href="../css/style-responsive.min.css" rel="stylesheet">
        <link href="../css/retina.css" rel="stylesheet">
        <!-- end: CSS -->


        <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
            <link id="ie-style" href="css/ie.css" rel="stylesheet">
        <![endif]-->

        <!--[if IE 9]>
            <link id="ie9style" href="css/ie9.css" rel="stylesheet">
        <![endif]-->

        <!-- start: Favicon and Touch Icons -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
        <link rel="shortcut icon" href="ico/favicon.png">
        <!-- end: Favicon and Touch Icons -->	

    </head>
    <body>
        <div id="content" class="span10">
            <div class="row-fluid">
                <div class="box span12">
                    <div class="box-header">
                        <h2><i class="icon-list"></i>Support tickets</h2>
                        <div class="box-icon">
                            <a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
                            <a href="#" class="btn-close"><i class="icon-remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <ul class="tickets">
                            <li class="ticket">
                                <a href="#">
                                    <div class="left">
                                        <span class="status">
                                            <span class="label label-success">Complete</span>
                                        </span>	
                                        <span class="date">Jul 25, 2012 11:09</span>
                                        <span class="title">Server unavaible</span>
                                    </div>
                                    <div class="right">
                                        <span class="name">Ashley Tan</span>
                                        <span class="number">[ #199278 ]</span>
                                    </div>
                                </a>
                            </li>
                            <li class="ticket">
                                <a href="#">
                                    <div class="left">
                                        <span class="status">
                                            <span class="label label-warning">Pending</span>
                                        </span>
                                        <span class="date">Jul 25, 2012 11:09</span>
                                        <span class="title">Mobile App Problem</span>
                                    </div>
                                    <div class="right">
                                        <span class="name">Ann Kovalsky</span> 	
                                        <span class="number">[ #199277 ]</span>
                                    </div>	                                                     
                                </a>
                            </li>
                            <li class="ticket">
                                <a href="#">
                                    <div class="left">
                                        <span class="status">
                                            <span class="label label-info">In progress</span>
                                        </span>
                                        <span class="date">Jul 25, 2012 11:09</span>
                                        <span class="title">PayPal issue</span>
                                    </div>
                                    <div class="right">
                                        <span class="name">Chris Dan</span>	
                                        <span class="number">[ #199276 ]</span>
                                    </div>	                                                 
                                </a>
                            </li>
                            <li class="ticket">
                                <a href="#">
                                    <div class="left">
                                        <span class="status">
                                            <span class="label label-important">Rejected</span>
                                        </span>
                                        <span class="date">Jul 25, 2012 11:09</span>
                                        <span class="title">IE7 problem</span>
                                    </div>
                                    <div class="right">	
                                        <span class="name">John Grand</span>
                                        <span class="number">[ #199275 ]</span>
                                    </div>                                                        
                                </a>
                            </li>
                            <li class="ticket">
                                <a href="#">
                                    <div class="left">
                                        <span class="status">
                                            <span class="label label-success">Complete</span>
                                        </span>	
                                        <span class="date">Jul 25, 2012 11:09</span>
                                        <span class="title">Server unavaible</span>
                                    </div>
                                    <div class="right">
                                        <span class="name">Agnes Young</span>	
                                        <span class="number">[ #199274 ]</span>
                                    </div>	
                                </a>
                            </li>
                            <li class="ticket">
                                <a href="#">
                                    <div class="left">
                                        <span class="status">
                                            <span class="label label-warning">Pending</span>
                                        </span>
                                        <span class="date">Jul 25, 2012 11:09</span>
                                        <span class="title">Mobile App Problem</span>
                                    </div>
                                    <div class="right">	
                                        <span class="name">Melanie Brown</span>
                                        <span class="number">[ #199273 ]</span>
                                    </div>	                                                     
                                </a>
                            </li>
                            <li class="ticket">
                                <a href="#">
                                    <div class="left">
                                        <span class="status">
                                            <span class="label label-info">In progress</span>
                                        </span>
                                        <span class="date">Jul 25, 2012 11:09</span>
                                        <span class="title">PayPal issue</span>
                                    </div>
                                    <div class="right">
                                        <span class="name">Patricia Doyle</span>	
                                        <span class="number">[ #199272 ]</span>
                                    </div>	              
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
